<%--
  Created by IntelliJ IDEA.
  User: 86150
  Date: 2022/3/13
  Time: 15:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="layuimini-main" >

    <div class="layui-form layuimini-form" lay-filter="testForm">
        <div class="layui-form-item">
            <label class="layui-form-label required">用户名</label>
            <div class="layui-input-block">
                <input id="uid" type="hidden" name="id">
                <input type="text" name="username" lay-verify="username" lay-reqtext="用户名不能为空" placeholder="请输入用户名" value="" class="layui-input">
                <tip>填写自己管理账号的名称。</tip>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label required">手机号</label>
            <div class="layui-input-block">
                <input type="number" name="phone" lay-verify="required" lay-reqtext="手机不能为空" placeholder="请输入手机" value="" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['form', 'table'], function () {
        var form = layui.form,
            layer = layui.layer,
            table = layui.table,
            $ = layui.$;

        /**
         * 初始化表单，要加上，不然刷新部分组件可能会不加载
         */
        form.render();


        form.verify({
            username: function(value, item){ //value：表单的值、item：表单的DOM对象

                var id=$("#uid").val();

                var info;
                $.ajax({
                    url:"user/checkUsername.do",
                    async:false,
                    data:{username:value,id:id},
                    type:"POST",
                    success:function (data) {
                        if(data.success){
                            info="";
                        }else{
                            info=data.error;
                        }
                    }
                });
                return info;
            }
        });

        // 当前弹出层，防止ID被覆盖
        var parentIndex = layer.index;

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            $.post("user/saveOrUpdate.do",data.field,function (data) {
                if(data.success){
                    //关闭界面
                    layer.closeAll();
                    //刷新界面
                    table.reload('userTable')
                }else{
                    layer.msg(data.error);
                }
            });



            // var index = layer.alert(JSON.stringify(data.field), {
            //     title: '最终的提交信息'
            // }, function () {
            //
            //     // 关闭弹出层
            //     layer.close(index);
            //     layer.close(parentIndex);
            //
            // });


            return false;
        });

    });
</script>
